<template>
  <el-form :inline="true" :model="form" class="demo-form-inline">
    <el-form-item label="项目名称">
      <el-input v-model="form.name" placeholder="项目名称"></el-input>
    </el-form-item>

    <el-form-item label="立项人">
      <el-input v-model="form.created_user" placeholder="立项人"></el-input>
    </el-form-item>

    <el-form-item label="流水号">
      <el-input v-model="form.batch_id" placeholder="流水号"></el-input>
    </el-form-item>

    <el-form-item label="项目时间">
      <el-date-picker
        v-model="form.date"
        type="daterange"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        value-format="yyyy-MM-dd"
      >
      </el-date-picker>
    </el-form-item>

    <el-form-item label="审批状态">
      <el-select v-model="form.status" placeholder="审批状态">

        <el-option :label="status" :value="k" v-for="(status,k) in status_list" :key="k"></el-option>

      </el-select>

      <el-form-item label="财务类型">
        <el-select v-model="form.paytype" placeholder="财务类型">
          <el-option :label="item.name" :value="item.paytype" v-for="(item,i) in fincial_type" :key="i"></el-option>
        </el-select>
      </el-form-item>
    </el-form-item>

    <el-form-item>
      <el-button type="primary" @click="getList">查询</el-button>
    </el-form-item>
  </el-form>
</template>

<script>
    export default {
        name: "search",
        data(){
            return {
                form: {
                    name: '',
                    created_user: '',
                    status: 0,
                    date: '',
                    batch_id: '',
                    start: '',
                    stop: '',
                    page: 1,
                    page_size: 10,
                    paytype: '',
                },
                status_list: ['备审','待审','已审'],
                fincial_type: [
                    {name: '差旅申请',paytype: 1},
                    {name: '采买申请',paytype: 2},
                    {name: '报销申请',paytype: 3},
                    {name: '付款申请',paytype: 4},
                    {name: '发票申请',paytype: 5},
                    {name: '借款申请',paytype: 6},
                    {name: '押金申请',paytype: 7},
                    {name: '临款申请',paytype: 8},
                    ],
            }
        },
        methods: {
            getList(){

            }
        }
    }
</script>

<style scoped>

</style>
